<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器</title>
</head>
<body>
<h1>0</h1>
<script>
    let count = 0;
    /* 开启定时器 将方法作为参数进行传递时 不加括号
                调用方法时 加括号 */
    setInterval(f,1000);
    function f() {
        count++;
        let h = document.querySelector("h1");
        h.innerText = count;
    }

    /* 匿名方法开启定时器 */
    let timer = setInterval(function () {
        console.log(count)
        if (count>=300) {
            clearInterval(timer);
        }
    },100);

    /* 开启只执行一次的定时器 */
    setTimeout(function () {
        console.log("时间到")
    },2000);
</script>
</body>
</html>